<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>首页</title>
		<link rel="stylesheet" type="text/css" href="css/common.css" />
		<link rel="stylesheet" type="text/css" href="css/index.css" />
		<link rel="stylesheet" type="text/css" href="font/iconfont.css"/>
		<link rel="stylesheet" type="text/css" href="css/swiper-bundle.min.css" />
	</head>

	<body>
		<!--头部导航条-->
		<div class="top">
			<div class="top-header-bg">
				<div class="top-header">
					<ul class="top-left">
						<li>
							<a href="index.html">首页</a>
						</li>
						<li>
							<a href="qygk.html">轻院概况</a>
						</li>
						<li>
							<a href="bmdh.html">部门导航</a>
						</li>
						<li>
							<a href="">教育教学</a>
						</li>
						<li>
							<a href="#">招生信息</a>
						</li>
					</ul>
					<div class="top-logo">

					</div>
					<ul class="top-right">
						<li>
							<a href="jyzd.html">就业指导</a>
						</li>
						<li>
							<a href="xgdt.html">学工动态</a>
						</li>
						<li>
							<a href="#">竞赛专题</a>
						</li>
						<li>
							<a href="#">图书文献</a>
						</li>
						<li>
							<a href="#">培训中心</a>
						</li>
					</ul>
				</div>

			</div>
			<div class="top-bottom">
				<img src="img/indexImg/logo.png" />
			</div>
		</div>
		<!--轮播图-->
		<div class="swiper-container swiper-one">
			<div class="swiper-wrapper">
				<div class="swiper-slide"><img src="img/indexImg/27163316107.jpg" /></div>
				<div class="swiper-slide"><img src="img/indexImg/15134925291.jpg" /></div>
				<div class="swiper-slide"><img src="img/indexImg/117015613.jpg" /></div>
				<div class="swiper-slide"><img src="img/indexImg/269235721.jpg" /></div>
				<div class="swiper-slide"><img src="img/indexImg/25165748543.jpg" /></div>
			</div>
			<!-- 如果需要分页器 -->
			<div class="swiper-pagination" ></div>

			<!-- 如果需要导航按钮 -->
			<div class="swiper-button-prev"></div>
			<div class="swiper-button-next"></div>
		</div>
		<!--综合新闻和通知公告-->
		<div class="container">
			<div class="floor-one">
				<!--轮播图-->
				<div class="swiper">
					<div class="swiper-container swiper-two">
						<div class="swiper-wrapper">
							<div class="swiper-slide"><img src="img/indexImg/512649102.jpg"/></div>
							<div class="swiper-slide"><img src="img/indexImg/314493972.jpg"/></div>
							<div class="swiper-slide"><img src="img/indexImg/2814424146.jpg"/></div>
							<div class="swiper-slide"><img src="img/indexImg/23151224533.jpg"/></div>
							<div class="swiper-slide"><img src="img/indexImg/1915935507.jpg"/></div>
						</div>
						<!-- 如果需要分页器 -->
						<div class="swiper-pagination" ></div>

						<!-- 如果需要导航按钮 -->
						<!--<div class="swiper-button-prev"></div>
						<div class="swiper-button-next"></div>-->
					</div>
				</div>
				<!--综合新闻-->
				<div class="syn-news">
					<div class="news-top">
						<ul>
							<li class="active">综合新闻 |</li>
							<li>媒体聚焦</li>
						</ul>
						<span class="line"></span>
						<img src="img/indexImg/icon_more.gif"/>
					</div>
					<div class="news-bottom">
						<ul>
							<li>
								<a href=""><span class="iconfont icon-sanjiaoright"></span>我院举办“不忘育人初心，潜心立德树人，永葆教育情怀”线...</a>
								<span>11-06</span>
							</li>
							<li>
								<a href=""><span class="iconfont icon-sanjiaoright"></span>我院组织开展赴启新水泥工业博物馆参观学习教育活动</a>
								<span>11-05</span>
							</li>
							<li>
								<a href=""><span class="iconfont icon-sanjiaoright"></span>我院召开2020届离校未就业毕业生就业工作会议</a>
								<span>11-04</span>
							</li>
							<li>
								<a href=""><span class="iconfont icon-sanjiaoright"></span>我院党校举行2020年秋季入党积极分子培训班开班典礼</a>
								<span>11-03</span>
							</li>
							<li>
								<a href=""><span class="iconfont icon-sanjiaoright"></span>我院学子在第十六届全国大学生沙盘模拟经营大赛河北省总决...</a>
								<span>11-03</span>
							</li>
							<li>
								<a href=""><span class="iconfont icon-sanjiaoright"></span>我院举办2020级新生入党启蒙教育系列讲座</a>
								<span>11-03</span>
							</li>
						</ul>
					</div>
				</div>
				<!--通知公告-->
				<div class="notice-announce">
					<div class="news-top">
						<ul>
							<li class="active">通知公告 |</li>
							<li>校内公告</li>
						</ul>
						<span class="line"></span>
						<img src="img/indexImg/icon_more.gif"/>
					</div>
					<div class="news-bottom">
						<ul>
							<li>
								<a href=""><span class="iconfont icon-sanjiaoright"></span>2020年下半年全国大学英语六级考试补报名通...</a>
								<span>11-07</span>
							</li>
							<li>
								<a href=""><span class="iconfont icon-sanjiaoright"></span>华北理工大学轻工学院2020届离校未就业毕业...</a>
								<span>11-03</span>
							</li>
							<li>
								<a href=""><span class="iconfont icon-sanjiaoright"></span>轻工学院关于2020-2021学年度国家助学金名...</a>
								<span>11-03</span>
							</li>
							<li>
								<a href=""><span class="iconfont icon-sanjiaoright"></span>轻工学院关于2019-2020学年度国家励志奖学...</a>
								<span>11-03</span>
							</li>
							<li>
								<a href=""><span class="iconfont icon-sanjiaoright"></span>关于召开第七届DIY创新创意大赛的通知</a>
								<span>10-31</span>
							</li>
							<li>
								<a href=""><span class="iconfont icon-sanjiaoright"></span>关于举办轻工学院2020年“迎中秋 庆国庆...</a>
								<span>09-29</span>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<div class="floor-two">
				<div class="enroIment-infor">
					<div class="news-top">
						<ul>
							<li class="active">招生信息 </li>
							<li>咨询电话：0315-7877288</li>
						</ul>
						<span class="line"></span>
						<img src="img/indexImg/icon_more.gif"/>
					</div>
					<div class="news-bottom">
						<ul>
							<li>
								<a href=""><span class="iconfont icon-sanjiaoright"></span>2020年校际联考须知及温馨提示</a>
								<span>07-06</span>
							</li>
							<li>
								<a href=""><span class="iconfont icon-sanjiaoright"></span>2020年河北专接本考试温馨提示</a>
								<span>07-02</span>
							</li>
							<li>
								<a href=""><span class="iconfont icon-sanjiaoright"></span>2020年分省分专业招生计划（专科）</a>
								<span>06-12</span>
							</li>
							<li>
								<a href=""><span class="iconfont icon-sanjiaoright"></span>2020年分省分专业招生计划（本科）</a>
								<span>06-12</span>
							</li>
							<li>
								<a href=""><span class="iconfont icon-sanjiaoright"></span>华北理工大学轻工学院校考报名考试费缴纳说明</a>
								<span>12-11</span>
							</li>
						</ul>
					</div>
				</div>
				<div class="sectoral-dyna">
					<div class="news-top">
						<ul>
							<li class="active">部门动态 </li>
						</ul>
						<span class="line"></span>
						<img src="img/indexImg/icon_more.gif"/>
					</div>
					<div class="news-bottom">
						<ul>
							<li>
								<a href=""><span class="iconfont icon-sanjiaoright"></span>电气信息学院召开期中教学检查学生座谈会</a>
								<span>11-06</span>
							</li>
							<li>
								<a href=""><span class="iconfont icon-sanjiaoright"></span>商学院举办文化节竞赛单元之点钞大赛</a>
								<span>11-06</span>
							</li>
							<li>
								<a href=""><span class="iconfont icon-sanjiaoright"></span>国际语言学院举办文学主题讲座</a>
								<span>11-05</span>
							</li>
							<li>
								<a href=""><span class="iconfont icon-sanjiaoright"></span>电气信息学院党总支召开学习贯彻十九届五中全会公报学习会</a>
								<span>11-05</span>
							</li>
							<li>
								<a href=""><span class="iconfont icon-sanjiaoright"></span>商学院举办企业家进校园活动</a>
								<span>11-05</span>
							</li>
							<li>
								<a href=""><span class="iconfont icon-sanjiaoright"></span>工学院召开期中教学检查协调会</a>
								<span>11-04</span>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<div class="floor-three">
				<div class="thematic-website">
					<div class="news-top">
						<ul>
							<li class="active">专题网站</li>
						</ul>
						<span class="line"></span>
					</div>
					<div class="thematic-bottom">
						<ul>
							<li><img src="img/indexImg/t_2895311789.jpg"/></li>
							<li><img src="img/indexImg/272319940.jpg"/></li>
							<li><img src="img/indexImg/272345679.jpg"/></li>
							<li><img src="img/indexImg/18154530399.jpg"/></li>
						</ul>
					</div>
				</div>
				<div class="court-pride">
					<div class="news-top">
						<ul>
							<li class="active">轻院骄子 |</li>
							<li>荣誉殿堂</li>
						</ul>
						<span class="line"></span>
					</div>
					<div class="court-bottom">
						<img src="img/indexImg/jz.jpg"/>
						<p>田景芸同学在2018年度CCTV“希望之星”英语风采大赛河北赛区选拔中喜获特等奖</p>
					</div>
					<p>更多...</p>
				</div>
				<div class="wonderful-video">
					<div class="news-top">
						<ul>
							<li class="active">精彩视频</li>
						</ul>
						<span class="line"></span>
						<img src="img/indexImg/icon_more.gif"/>
					</div>
					<div class="video-bottom">
						<img src="img/indexImg/jcsp.jpg"/>
						<div class="won-list">
							<ul>
								<li><span>[视频新闻] </span><a>轻工学院校园电视台新闻 第七十六期</a></li>
								<li><span>[媒体聚焦] </span><a>张广文院长接受新华网采访</a></li>
								<li><span>[校园广角] </span><a>致2020届毕业生</a></li>
								<li><span>[人物访谈] </span><a>2018年度校园风采人物</a></li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--底部-->
		<div class="footer">
			<div class="footer-top">
				<h1>校园服务   service</h1>
			</div>
			<div class="footer-middle">
				<ul>
					<li><div><img src="img/indexImg/link11.png"/></div><p>院长信箱</p></li>
					<li><div><img src="img/indexImg/link11.png"/></div><p>书记信箱</p></li>
					<li><div><img src="img/indexImg/link77.png"/></div><p>阳光公务</p></li>
					<li><div><img src="img/indexImg/link22.png"/></div><p>轻院院报</p></li>
					<li><div><img src="img/indexImg/link33.png"/></div><p>综合教务</p></li>
					<li><div><img src="img/indexImg/link44.png"/></div><p>学生管理</p></li>
					<li><div><img src="img/indexImg/link55.png"/></div><p>毕设系统</p></li>
					<li><div><img src="img/indexImg/link66.png"/></div><p>校历</p></li>
					<li><div><img src="img/indexImg/link99.png"/></div><p>电子邮件</p></li>
					<li><div><img src="img/indexImg/link110.png"/></div><p>理工大学</p></li>
				</ul>
			</div>
			<div class="footer-bottom">
				<p>版权所有：华北理工大学轻工学院 | 招生咨询：0315-7877288</p>
				<p>地址：（北校区）河北省唐山市路北区高新技术产业园区大学西道11号 | 邮编：063000 | 电话：0315-2797016</p>
				<p>（丰润校区）河北省唐山市丰润区南环东道99号 | 邮编：064000 | 电话：0315-7877216 | 传真：0315-7877266</p>
				<p>冀ICP备11000067号-1 <img src="img/indexImg/20170712184527767.png"/>互联网备案号：ts13020038100876</p>
			</div>
		</div>
	</body>

</html>
<script src="js/swiper-bundle.min.js"></script>
<script>
	var mySwiperOne = new Swiper('.swiper-one', {
		direction: 'horizontal', // 垂直切换选项
		loop: true, // 循环模式选项
		speed: 2000, //匀速时间
		autoplay: {
			delay: 3000,
			stopOnLastSlide: false,
			disableOnInteraction: true,
		},
		// 如果需要分页器
		pagination: {
			el: '.swiper-pagination',
		},

		// 如果需要前进后退按钮
		navigation: {
			nextEl: '.swiper-button-next',
			prevEl: '.swiper-button-prev',
		},

		// 如果需要滚动条
		scrollbar: {
			el: '.swiper-scrollbar',
		},
	})
	var mySwiperTwo = new Swiper('.swiper-two', {
		direction: 'horizontal', // 垂直切换选项
		loop: true, // 循环模式选项
		speed: 1000, //匀速时间
		autoplay: {
			delay: 2000,
			stopOnLastSlide: false,
			disableOnInteraction: true,
		},
		// 如果需要分页器
		pagination: {
			el: '.swiper-pagination',
		},

		// 如果需要前进后退按钮
		navigation: {
			nextEl: '.swiper-button-next',
			prevEl: '.swiper-button-prev',
		},

		// 如果需要滚动条
		scrollbar: {
			el: '.swiper-scrollbar',
		},
	})
</script>